﻿<!DOCTYPE html>
<html>
<head>
	<title>Test</title>
	  
	<script type="text/javascript" src="scripts/local-storage-extensions.js"></script>	
	<script type="text/javascript" src="scripts/storage.js"></script>
	<script type="text/javascript" src="scripts/expenses.js"></script>
	<script type="text/javascript" src="scripts/accounts.js"></script>
	<script type="text/javascript" src="scripts/categories.js"></script>

	<link rel="stylesheet" href="https://d10ajoocuyu32n.cloudfront.net/mobile/1.3.1/jquery.mobile-1.3.1.min.css">
	  
	<script src="https://d10ajoocuyu32n.cloudfront.net/jquery-1.9.1.min.js"></script>
	<script src="https://d10ajoocuyu32n.cloudfront.net/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>


    <style>
	    div > ul > li a > span{
	        display: inline-block;
	        float: right;
	        color: #61B329;
	        font-size: 14px;
	        text-shadow: 1px 1px 0px green;
	    }

	   span.totalAccountsSum{

	        display: inline-block;
	        float: right;
	        color: white;
	    }

	    input{
	    	max-width: 
	    }


   </style>
</head>
	 
<body>
	<!-- Home -->
<div data-role="page" id="page1">
    <div data-theme="a" data-role="header">
        <a id="add-new-account-button" data-role="button" href="#" data-icon="plus" data-iconpos="right"
        class="ui-btn-right">
            Add
        </a>
        <a id="homeButton" data-role="button" href="#" data-icon="home" data-iconpos="left"
        class="ui-btn-left">
            Home
        </a>
        <h3>
            Accounts <span id="totalBalance"></span>
        </h3>

    </div>
    <div data-role="content">
        <div id="acc-container" data-role="collapsible-set" data-theme="b" data-content-theme="a">


        </div>
    </div>
    <div data-theme="a" data-role="footer" data-position="fixed">
        <h3>
            Footer
        </h3>
    </div>
</div>
	<script type="text/javascript" src="scripts/accounts-ui.js"></script>
</body>
</html>